@charset "utf-8";
html {
background: #FFF;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
background: #fff;
}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, pre, blockquote, figure {
margin: 0;
}
body{font:12px/20px "Microsoft YaHei";}
th, td {
padding: 0;
}
ul, ol, menu, input, button {
margin: 0;
padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
.por{position:relative;}
.poa{position:absolute;}
input, select, textarea {
font-size: 100%;
}
input, select {
vertical-align: baseline;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: inherit;
}
fieldset, img {
border: 0;
}
iframe {
display: block;
}
abbr, acronym {
border: 0;
font-variant: normal;
}
del {
text-decoration: line-through;
}
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: 400;
}
ol, ul {
list-style: none;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
q:before, q:after {
content: '';
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ins, a {
text-decoration: none;
}
a {
color: #666;
}
a:hover {
color: #D2364C;
text-decoration: underline;
}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: '';
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
div.clear {
clear: both;
height: 0;
font-size: 0;
overflow: hidden;
}
body .hide, body .none {
display: none;
}
.left, .right, .center, .l, .r, .c {
_display: inline;
}
.left, .l, .center, .c {
float: left;
}
.right, .r {
float: right;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
_width: 100%;
}
.underline, .hover-underline {
text-decoration: underline;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.bold {
font-weight: 700;
}
.title-subcnt .widget {
display: inline;
}
.title-subcnt .widget[style] {
display: inline-block !important;
min-height: 10px;
min-width: 10px;
}
.title-subcnt .widget b {
font-weight: 400;
}
.tltle {
font: 400 14px/32px 'Microsoft YaHei';
}
.ml-0 {
margin-left: 0px;
}
.fl {
float: left;
}
/* common */
.pd-04 {
padding: 0 4px;
}
.pd-r3 {
padding-right: 3px;
}
.f14 {
font-size: 14px;
}
.common-bd {
position: relative;
_display: inline-block;
line-height: 18px;
_width: 24px;
border: 1px solid #ef4c63;
background: #f36277;
margin-right: 6px;
}
.common-bd i {
position: absolute;
top: 6px;
right: -4px;
width: 4px;
height: 3px;
background-position: -39px -83px;
}
.top-0 {
top: 0;
}
.bottom-0 {
bottom: 0;
}
.position-p {
position: relative;
z-index: 1;
}
.position-s {
position: static;
}
.mt-8 {
margin-top: 8px;
}
.mt-9 {
margin-top: 9px;
}
.mt-10 {
margin-top: 10px;
}
.hidden {
overflow: hidden;
zoom: 1;
}
.loading-c {
display: block;
width: 100%;
height: 100%;
background: url(themes/mall/default/styles/default/images/loading2.gif) center center no-repeat;
}
.bg-fff {
background-color: #fff;
background-image: none;
}
.font-yh {
font-family: "Microsoft YaHei";
}
.limit-24 {
height: 24px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.floor-area {
height: 403px;
visibility: hidden;
width: 100%;
}
.pointer {
cursor: pointer;
}
.floor .f-aside .more-to {
color: #565656;
line-height: 16px;
}
.floor .f-aside a.more-to:hover {
color: #d2364c;
text-decoration: underline;
}
.more-to:hover {
text-decoration: none;
color: #666;
}
.mlr-3 {
margin-left: 3px;
margin-right: 3px;
}
.bg-f1 {
background-color: #f1f1f1;
}
.clr-aaa {
color: #a0a0a0;
}
.clr-d34 {
color: #d2364c;
}
.both {
clear: both;
}
.fw-600 {
font-weight: 600;
}
.tc {
text-align: center;
}
.fs-13 {
font-size: 13px;
_font-size: 12px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-25 {
margin-bottom: 25px;
}
.bb-da {
border-bottom: 1px dotted #ccc;
}
.clr-555 {
color: #565656;
}
.ff-yh {
font-family: "Microsoft YaHei"
}
.pb-10 {
padding-bottom: 10px;
}
.limit-315 {
height: 322px;
overflow: hidden;
zoom: 1;
}
.limit-352 {
height: 352px;
overflow: hidden;
zoom: 1;
}
.limit-280 {
height: 280px;
overflow: hidden;
zoom: 1;
}
.w-120 {
_width: 120px;
}
.wrap {
width: 1200px;
margin: 0 auto;
}
.wraper {
width: 1200px;
margin: 0 auto;
}
.f-main .good-lists li.list-4 .m-goods {
_width: 120px;
}
/* 页面宽度 */
.area, .layout, .wrapper {
margin: 0 auto;
width: 980px;
}
/* Tab组件 */
.tab-cnt-item {
display: none;
}
.tab-cnt-item-current {
display: block;
}
/* Menu组件 */
.menu {
position: relative;
}
.menu-hd b {
position: absolute;
}
.menu-bd {
position: absolute;
top: 100%;
left: 0;
z-index: 990;
display: none;
}
.menu:hover .menu-bd, .menu-hover .menu-bd {
display: block;
}
/* 面包屑 */
.crumb h1 {
display: inline;
font-weight: 400;
}
/* clearfix */
.list, .content, #main-category, #contentB, #contentC, #contentD, #contentE, #contentF, #contentG, #contentH, #contentI, #contentJ, #contentK {
zoom: 1;
}
.list:after, .content:after, #main-category:after, #contentB:after, #contentC:after, #contentD:after, #contentE:after, #contentF:after, #contentG:after, #contentH:after, #contentI:after, #contentJ:after, #contentK:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: " ";
font-size: 0;
}
/* Color */
/*.red,.mark{color:#888;}*/
.black {
color: black;
}
.white {
color: white;
}
/* UI */
.ui-text {
display: inline-block;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background: #fff;
}
.ui-text:hover {
border: 1px solid #b9b9b9;
border-top: 1px solid #a0a0a0;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.ui-text:focus {
outline: none;
border: 1px solid #4D90FE;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
.ui-text[disabled=disabled] {
border: 0 solid #e5e5e5;
background: #f1f1f1;
color: #000;
}
.ui-text[disabled=disabled]:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.ui-text[readonly=readonly] {
border: 1px solid #d9d9d9;
}
.ui-text[readonly=readonly]:hover, .ui-text[readonly=readonly]:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.ui-button:hover {
text-decoration: none;
}
/*
* html #header .logo{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/mall/default/styles/default/images/eelly_logo.png');}
*/
#nav {
width: 100%;
_overflow: hidden;
}
#nav .nav, #nav .nav-category .menu-hd {
font-size: 16px;
font-family: 'Microsoft YaHei';
line-height: 36px;
}
#nav .nav li, #nav .main-nav, #nav .nav-category, #nav .nav-category dt, #nav .nav-category dd {
display: inline;
float: left;
}
#nav .nav a, #nav .nav-category .menu-hd {
display: block;
}
#nav .nav a:hover {
text-decoration: none;
}
#nav .menu {
z-index: 112;
}
#nav .nav .menu-hd b {
top: 16px;
margin-left: 4px;
}
#nav .nav .menu-hd:hover {
text-decoration: underline;
}
#nav .main-nav li {
position: relative;
height: 100%;
margin-left: 9px;
}
#nav .main-nav li .new-ico {
position: absolute;
top: 5px;
right: 15px;
height: 14px;
width: 14px;
background-position: -24px -3px;
}
#nav .main-nav li .n-ico {
position: absolute;
top: 0px;
right: 10px;
height: 16px;
width: 16px;
background: url("themes/absearch/images/n.gif") no-repeat;
}
#nav .main-nav li:hover .n-ico {
background: url("themes/absearch/images/n_white.gif") no-repeat;
}
#nav .main-nav a {
float: left;
display: inline;
height: 100%;
padding: 0 25px;
border-radius: 5px 5px 0 0;
text-align: let;
}
#nav .main-nav .home a {
padding: 0 55px;
}
#nav .main-nav a:hover {
position: relative;
}
#nav .main-nav .current a {
background: #f36277;
}
#nav .sub-nav {
float: right;
}
#nav .m1 a {
padding: 0 20px 0 10px;
}
#nav .m1 .menu-hd:hover {
text-decoration: none;
}
#nav .m1 .menu-bd {
border: 1px solid #d7d7d6;
border-top: none;
box-shadow: 1px 0 3px #ccc;
background: #fff;
}
#nav .m1 .menu-bd li {
float: none;
height: 30px;
display: block;
width: 92px;
}
#nav .m1 .menu-bd li a {
display: block;
width: 102px;
font: 14px/30px "Microsoft YaHei";
padding: 0 0 0 25px;
color: #484848;
}
#nav .m1 .menu-bd li a:hover {
background: #f36277;
color: #fff;
}
#nav .m2 {
font-size: 12px;
}
#nav .m2 .menu-hd {
margin: 5px 0;
padding: 0 14px 0 5px;
color: #000;
}
#nav .m2 .menu-bd {
top: 27px;
left: -1px;
width: 67px;
}
#nav .m2 .menu-bd li {
margin-top: 1px;
}
#nav .m2 .menu-bd a {
padding: 1px;
}
#nav .nav-category .menu-bd {
border-width: 0 1px 1px;
border-style: solid;
background: #FFF;
}
#nav .nav-category li {
width: 700px;
}
#nav .nav-category dl {
overflow: hidden;
padding: 2px 0;
border-width: 1px 0;
border-style: solid;
zoom: 1;
}
#nav .nav-category dt {
margin-top: -2px;
margin-right: 12px;
margin-bottom: -990px;
padding: 6px 0 996px 16px;
width: 94px;
}
#nav .nav-category dd {
margin: 4px 16px 0 0;
padding-bottom: 4px;
white-space: nowrap;
}
/* hack for ie6-7*/
#nav .m1 .menu-bd li, #nav .m2 .menu-bd li {
*margin-bottom: -3px;
}
#nav .nav-category {
*z-index: 8;
}
#nav .nav-category li {
*margin-bottom: -2px;
}
#nav .m1 .menu-bd li, #nav .m2 .menu-bd li {
_margin-bottom: -2px;
_height: 22px;
}
#nav .nav-category li {
_margin-bottom: -2px;
}
/* overwrite */
#nav .nav a {
color: #FFF;
}
#nav .nav .current a, #nav .nav a:hover {
background: #f36277;
}
#nav .m1 .menu-hd {
overflow: hidden;
height: 36px;
zoom: 1;
}
#nav .m1 .menu-hd b {
display: inline-block;
width: 13px;
height: 7px;
_height: 0px;
_padding: 4px 0 3px 0;
overflow: hidden;
zoom: 1;
line-height: 0;
background-position: -20px -88px;
}
#nav .m1 .menu-hd b.b-on {
background-position: -20px -82px;
}
#nav .m2 a, #nav .m2 .menu-hd:hover {
background-color: #fff;
color: #333;
}
#nav .m2 a:hover {
background: #000;
color: #fff;
}
#nav .m2 .menu-hd b {
border-color: #333 #fff;
}
#nav .divider {
background-position: 0 0;
}
#nav .nav-category .menu-hd {
padding: 5px 38px 5px 13px;
background: #D2364C;
color: #fff;
}
#nav .nav-category .menu-hd b {
top: 6px;
margin-left: 8px;
width: 21px;
height: 21px;
border: 0;
background-position: 0 -33px;
}
#nav .nav-category .menu-bd {
border-color: #D2364C;
}
#nav .nav-category dl {
border-color: #fff transparent #FBE2E6;
}
#nav .nav-category dt {
background-color: #FFF3F5;
font-weight: 700;
}
#nav .nav-category dl:hover, #nav .nav-category dl.hover {
background: #FFF3F5;
}
#nav .nav-category dl:hover dt, #nav .nav-category dl.hover dt {
background: #FFF3F5;
}
/*整合*/
.area {
width: 1200px;
}
.site_area {
width: 1230px;
margin: 0 auto;
}
#main-category, #contentB, #contentC, #contentD, #contentE, #contentF {
margin-top: 8px;
}
.title, .hd, .category-item h2 {
font-family: 'Microsoft YaHei';
}
.title .title-subcnt, .hd .hd-subcnt {
font-family: tahoma, arial, SimSun;
}
.new-order .bd li, .status p i, .help .bd li, .quality-check .bd ul li, .people-story .title, .fortune-story .title, .fortune-story li, .notice {
background: url(themes/mall/default/styles/default/images/index_v19_icon_gui.gif) no-repeat 0 0;
}
.floor {
clear: both; ;
overflow: hidden;
height: 358px;
width: 100%;
background: url(themes/mall/default/styles/default/images/loading2.gif) center center #fff no-repeat;
_position: relative;
}
.f-aside {
width: 201px;
float: left;
_position: absolute;
box-shadow: 2px 2px 3px #dedede;
}
.f-main {
overflow: hidden;
_position: absolute;
_left: 201px;
}
.f-aside {
height: 358px;
}
.f-aside .fa-bd {
height: 357px;
border-right: 1px solid #dadad9;
border-bottom: 1px solid #dadad9;
}
.f-aside .m-hd {
height: 42px;
padding: 0 10px;
overflow: hidden;
line-height: 42px;
border-top: 1px solid #ebebeb;
}
.f-aside .m-bd {
position: relative;
height: 315px;
padding: 0 10px;
_height: 314px;
}
.f-aside .m-hd .title {
float: left;
margin: 0 0 0 12px;
_margin: 0 0 0 11px;
font: 400 25px/42px "黑体", Arial;
}
.f-aside .m-hd .e-title {
float: left;
font: 400 25px/42px Arial;
_font: 400 24px/42px Arial;
}
#nav .category-content {
position: relative;
width: 201px;
float: left;
z-index: 113;
}
#nav .category-content .all-goods {
display: block;
width: 100%;
height: 36px;
padding: 0;
border-radius: 5px 5px 0 0;
color: #fff;
text-align: center;
font: 16px/36px "Microsoft YaHei";
background: #d2364c;
}
#nav .category-content .all-goods em {
font: 12px/36px "Microsoft YaHei";
}
.status .list i, .category-content .down-ico, .category-content .list-nz i, .category-content .list-nanz i, .category-content .list-tz i, .category-content .list-ny i, .category-content .list-xb i, .category-content .list-xl i {
background: url(themes/mall/default/styles/default/images/index_ico_png32.png) no-repeat;
-background: url(themes/mall/default/styles/default/images/index_ico.png) no-repeat;
}
.category-content .category {
position: absolute;
top: 35px;
z-index: 113;
width: 199px;+
height: 456px;
border: 1px solid #dadad9;
border-top: none;
background: #fefefe;
box-shadow: 2px 2px 3px #dedede;
}
.category-content .down-ico {
position: absolute;
top: 48px;
left: 95px;
width: 10px;
height: 6px;
background-position: 0 -131px;
z-index: 11111;
}
.category-content .category-list li {
height: 49px;
border: 2px solid #fff;
border-right: none; +
margin-top: -2px;
z-index: 113;
}
.category-content .category-list li.first {
margin-top: 0;
}
.category-content .category-list li.last .c-category-list {
border-bottom: none;
}
.category-content .category-list a:hover {
text-decoration: none;
color: #D2364C;
}
.category-content .category-info {
padding-left: 12px;
_width: 172px;
_overflow: hidden;
}
.category-content .category-name {
overflow: hidden;
position: relative;
}
.category-content .category-name i {
position: absolute;
top: 13px;
width: 25px;
height: 25px;
-top: 6px;
}
.category-content .category-name .ml-22 {
margin-left: 35px;
font-size: 15px;
line-height: 28px;
font-weight:100;
}
.category-content .category-list .bd-b {
height: 1px;
margin: -1px 10px 0 10px;
background: #eee;
line-height: 1;
font-size: 0;
}
.category-content .list-nz i {
background-position: 0 -200px;
}
.category-content .list-nanz i {
background-position: -23px -200px;
}
.category-content .list-tz i {
background-position: -48px -200px;
}
.category-content .list-ny i {
background-position: -72px -200px;
}
.category-content .list-xb i {
background-position: -96px -200px;
}
.category-content .list-xl i {
background-position: 0 -225px;
}
.category-content .b-category-name {
padding-top: 12px;
_line-height: 32px;
}
.category-content .b-category-name b {
margin-left: 4px;
}
.category-content .b-category-name a {
color: #4c4c4c;
}
.category-content .c-category-list {
font: 400 12px/24px ;
}
.category-content .c-category-list a {
margin-right: 8px;
color: #626262;
}
.category-content .b-category-name .fr {
background-position: 0 -629px;
width: 22px;
height: 22px;
margin: 10px 16px 0 0;
}
.category-content .s-category-name {
height: 22px;
}
.category-content .s-category-name a {
margin: 0 16px 0 0;
font: 12px/22px ;
}
.category-content .category-info {
position: relative;
height: 100%;
}
.category-content .category-info em {
position: absolute;
top: 16px;
right: 10px;
width: 13px;
height: 13px;
font: 12px/18px;
color: #9b9b9b;
}
.category-content .category .hover {
box-shadow: 0px 2px 3px #ccc;
margin-left: -1px;
padding-left: 1px;
z-index: 999;
}
.category-content .hover .category-info {
border: none;
text-decoration: none;
background: #fff;
}
.category-content .menu-item {
position: absolute;
z-index: 11;
left: 190px;
width: 770px;
padding: 0 0 0 2px;
background: #fff;
border: none;
box-shadow: 0px 2px 3px #ccc;
border-top: 1px solid #bbb\9;
zoom: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=4)";
*filter: progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=4);
}
.category-content .menu-item .area-in {
position: relative;
z-index: 1;
}
.category-content .menu-item .area-bg {
padding: 10px 0 10px 40px;
}
.shadow-bg {
display: none;
position: relative;
width: 100%;
height: 0;
}
.shadow-b, .shadow-bg i {
background: url(themes/mall/default/styles/default/images/index_ico.png) no-repeat;
}
.shadow-r, .shadow-l {
background: url(themes/mall/default/styles/default/images/shadow.png) no-repeat;
}
.shadow-bg i, .shadow-b {
position: absolute;
width: 100%;
height: 0;
height: 2px\9;
background-position: 0 -188px;
background-repeat: repeat-x;
}
.shadow-bg i, .shadow-b {
_height: 0;
}
.shadow-l {
position: absolute;
left: 0;
_left: -42px;
top: 0;
width: 0;
width: 2px\9;
height: 100%;
background-position: right 0;
background-repeat: repeat-y;
}
.shadow-r {
position: absolute;
right: 0;
top: 0;
width: 0;
width: 2px\9;
height: 100%;
background-repeat: repeat-y;
}
.category-content .menu-in {
display: none;
}
.category-content .category-list li.hover .category-info {
z-index: 999;
}
.category-content .menu-srot {
width: 100%;
overflow: hidden;
}
.menu-srot .sort-side {
overflow: hidden;
}
.sort-side .dl-sort {
float: left;
width: 33%;
}
.sort-side dt {
margin-top: 5px;
font-size: 14px;
font-weight: bold;
color: #db3e54;
}
.sort-side dd {
float: left;
margin: 2px 6px 4px 0;
}
.sort-side dd a {
float: left;
width: auto;
letter-spacing: 0.5px;
line-height: 14px;
color: #888;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 3px 10px;
border: 1px solid #e6e6e6;
}
.sort-side dd a span.red {
color: #DB3E54;
}
.menu-srot .brand-side {
float: left;
position: relative;
width: 710px;
margin-left: -10px;
padding-top: 15px;
}
.brand-side {
margin-top: 50px;
border-top: 1px solid #eae9e9;
}
.brand-side .dl-sort {
overflow: hidden;
height: 70px;
}
.brand-side dt {
position: absolute;
top: -11px;
padding: 0 10px;
font-size: 14px;
font-weight: bold;
background: #fff;
}
.brand-side dd {
float: left;
padding: 5px 0;
}
.brand-side dd a {
display: block;
padding: 0 10px;
line-height: 1;
border-right: 1px solid #bcbcbc;
color: #888;
}
.brand-side dd a.more {
color: #b6b6b6;
}
.category-list li.hover .menu-in {
border: 2px solid #d83e54;
}
.category-list li.hover {
border: 2px solid #d83e54;
border-right: none;
}
.category-content .menu-item {
left: 193px;
}
.category-content .menu-item.top {
top: -2px;
}
.category-content .menu-item.bottom {
bottom: -2px;
*bottom: -6px;_*
bottom: -7px;
}
.top-0 {
top: 0;
}
.bottom-0 {
bottom: 0;
}
.c-category-list {
width: 160px;
margin-right: 1px;
padding-bottom: 10px;
zoom: 1;
}
.banner {
border-bottom: 1px solid #d2d2d2;
}
#nav .nav a {
color: #505050;
}
#nav .nav a:hover {
color: #fff;
background: #d2364c;
}
#nav .nav li.current a {
color: #fff;
background: #d2364c;
}
#nav .area {
position: relative;
height: 36px;
background: transparent;
-background: #fff;
}
#nav .main-nav .m1 a {
padding: 0 40px 0 25px;
}
#nav .m1 i.arrow1, #nav .m1 i.arrow2 {
position: absolute;
top: 16px;
right: 12px;
border: 6px solid transparent;
-border: 6px solid #fff;
border-top: 6px solid #555;
-border-top: 6px solid #555;
-display: none;
}
#nav .m1 i.arrow2 {
border-top: 8px solid #fff;
top: 12px;
}
#nav .main-nav .m1 a:hover i {
display: none;
}
#nav .m1 .menu-hd.on {
color: #fff;
background: #d2364c;
}
#nav .m1 .menu-hd.on i {
display: none;
}
#nav .m1 .menu-bd li {
width: 127px;
margin-left: 0
}
#nav .m1 .menu-bd li a:hover {
width: 102px;
border-radius: 0;
background: #d2364c;
}
#nav .nav-info {
float: right;
position: relative;
margin-top: -2px;
border: 1px solid #ebebeb;
_margin-top: 14px;
}
#nav .nav-info .nav-i {
float: left;
}
#nav .nav-info .nav-i p {
display: block;
position: relative;
height: 30px;
padding-left: 33px;
padding-right: 13px;
font: bold 12px/30px ;
color: #e94a60;
*display: inline;
}
#nav .nav-info .nav-i a {
color: #e94a60
}
#nav .nav-info .nav-i em {
font-weight: bold;
color: #787878;
}
#nav .nav-info .separate {
position: absolute;
width: 1px;
height: 15px;
background: #dcdcdc;
left: 49%;
top: 8px;
}
#nav .nav-info .nav-i i {
position: absolute;
left: 8px;
top: 5px;
width: 20px;
height: 20px;
*margin-top: -5px;
background-image: url(themes/mall/default/styles/default/images/index_ico_png32.png);
-background-image: url(themes/mall/default/styles/default/images/index_ico.png);
}
.divide10 {
width: 100%;
height: 10px;
}
.divide15 {
width: 100%;
height: 15px;
}
.divide20 {
width: 100%;
height: 20px;
}
.divide25 {
width: 100%;
height: 25px;
}
.divide30 {
width: 100%;
height: 30px;
}
.divide10 {
width: 100%;
height: 10px;
}
.divide10 {
width: 100%;
height: 10px;
}
.divide10 {
width: 100%;
height: 10px;
}
.w100 {
width: 100%;
}
.h100 {
height: 100%;
}
@charset "utf-8";
.sl-fixed {
position: fixed;
}
.sl-fixed-top {
bottom: auto;
top: 230px;
_bottom: auto;
_top: expression(eval(document.documentElement.scrollTop)+270);
}
.sl-fixed-bottom {
bottom: 0;
top: auto;
_bottom: auto;
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.sl-fixed-middle {
bottom: auto;
top: 50%;
_bottom: auto;
_top: expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight/2)-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0) -(parseInt(this.currentStyle.marginBottom,10) ||0)));
}
.sl-fixed-left {
left: 0;
_position: absolute;
right: auto;
_right: 0;
}
.sl-fixed-right {
right: 0;
left: auto;
_right: auto;
_left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
}
.sl-fixed-top, .sl-fixed-right, .sl-fixed-bottom, .sl-fixed-left {
_position: absolute;
}
.feedback-box {
z-index: 12;
margin: 0 1px 1px 0;
margin-top: -28px;
width: 30px;
height: 210px;
}
.feedback-box #is_admin {
display: none;
}
.feedback-box .n_content {
position: relative;
width: 100%;
height: 100%;
}
.feedback-box, .feedback-box div {
overflow: visible;
}
.web_form_title {
background-color: #d70d25;
}/*留言板fromtitle颜色*/
.admin_form_title {
border-bottom: 1px solid #e0e0e0;
}
div.admin_form_title .title-cnt {
color: #8a8a8a;
}
.fb-sprite {
display: inline-block;
overflow: hidden;
background: url(themes/mall/default/styles/default/images/feedback_admin.gif) no-repeat
}/*留言板按钮*/
.web_form_title .fb-sprite {
background-position: -22px -11px;
}
.fb-form .title-subcnt, .fb-icon-default, .fb-btn-submit, .fb-btn-close, .fb-tips {
cursor: pointer;
}
.fb-btn-submit {
float: right;
width: 56px;
height: 22px;
border: 0;
background-position: 0 -44px;
}/*按钮*/
.fb-btn-submit:hover {
background-position: 0 -66px;
}
.fb-btn-close {
width: 10px;
height: 10px;
background-position: 0 -24px;
}
.admin_form_title .fb-btn-close {
width: 11px;
height: 11px;
background: url("themes/mall/default/admin/v4/images/admin-fb-close.png") no-repeat;
}
.fb-icon-success {
width: 21px;
height: 21px;
background-position: -34px 0;
}
.fb-icon-error {
width: 22px;
height: 21px;
background-position: -34px -23px;
}
.fb-form .title {
color: #FFF;
}
.fb-icon-success, .fb-icon-error {
margin-right: 6px;
vertical-align: top;
*vertical-align: middle;
}
.fb-default, .fb-tips, .fb-form {
position: absolute;
top: 0;
z-index: 999;
}
.fb-default {
right: 0;
line-height: 16px;
text-align: center;
cursor: pointer;
}
.web {
right: 0;
padding: 30px 6px;
width: 12px;
border: 1px solid #d6d6d6;
box-shadow: 0 0 2px rgba(0,0,0,.2);
background-color: #FFF;
}
.admin, .fb-form-admin .fb-btn-submit {
background-image: url(themes/mall/default/admin/v4/images/v4-float.png);
backgroud-repeat: no-repeat;
}
.admin {
width: 28px;
height: 28px;
background-position: -62px -60px;
}
.admin:hover, .admin-hover {
background-position: -62px -90px;
}
.fb-default:hover {
background-color: #d70b24;
color: #FFF;
border-color: #dfdede;
}
.fb-default p i {
font-style: normal;
display: inline-block;
width: 12px;
vertical-align: middle;
text-align: center;
font-size: 12px;
max-height: 158px;
line-height: 16px;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
padding-bottom: 1px;
cursor: pointer;
}
.fb-default p span {
display: inline-block;
vertical-align: middle;
width: 0;
overflow: hidden;
}
.fb-tips {
right: 0;
width: 250px;
height: 168px;
}
.fb-form {
right: -252px;
*right: 0;
width: 250px;
height: 168px;
}
.fb-form-admin {
right: 0;
}
.fb-form-admin .fb-btn-submit {
height: 26px;
background-position: 0 -116px;
}
.fb-form-admin .fb-btn-submit:hover {
background-position: 0 -149px;
}
.fb-form {
overflow: hidden;
background-color: #FFF;
box-shadow: 0 0 2px rgba(0,0,0,.2);
}
.fb-form .title {
padding: 0 6px;
height: 28px;
line-height: 28px;
}
.fb-form-admin .title {
height: 27px;
}
.fb-form .title-cnt {
float: left;
}
.fb-form .title-subcnt {
float: right;
padding: 9px;
line-height: 10px;
}
.fb-form-admin .title-subcnt {
padding: 9px 2px 9px 9px;
}
.fb-form .content {
height: 122px;
padding: 8px
}
.fb-form-admin .content p {
clear: both;
overflow: hidden;
_zoom: 1;
margin-top: 10px;
}
/*.web_form .content{border-top-color:#d70d25;}
.admin_form .content{border-top-color:#5d92ff;}*/
.fb-form .content .cb_box {
float: left;
display: inline;
width: 230px;
}
.fb-form .content .b_r {
margin: 0 18px 10px 0;
height: 150px;
border-right: 1px solid #d3d3d3;
}
.fb-form .content .cb_box span {
font-weight: bolder;
color: #d70d25;
}
.fb-form .content .cb_box div {
margin: 5px 0;
color: #333333;
}
.fb-form .content .cb_box input {
margin-right: 5px;
line-height: 1.5em;
vertical-align: middle;
}
.fb-form .content textarea {
overflow-y: auto;
padding: 0 0 0 2px;
width: 230px;
height: 70px;
border: 1px solid #dadada;
resize: none;
}
.fb-form-admin .content textarea {
color: #999;
}
.fb-form .content p {
padding-top: 6px;
}
.fb-form .content p span {
float: left;
}
.fb-tips {
right: 0;
background: rgba(0,0,0,0.5);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000');
}
.admin-fb-tips {
right: 24px;
}
:root .fb-tips {
filter: none;
}
.fb-tips .content {
position: absolute;
top: 50%;
left: 50%;
white-space: nowrap;
}
.fb-tips .content p {
position: relative;
top: -20px;
left: -50%;
overflow: hidden;
padding: 5px 6px;
height: 20px;
border-radius: 1px;
box-shadow: 0 0 4px rgba(0,0,0,.2);
line-height: 20px;
background-color: #FFF;
border: 1px solid #d6d6d6
}
.fb-tips-error {
width: 150px;
}
.fb-tips-success {
width: 210px;
}
.feedback-box-hiding .fb-tips, .feedback-box-showing .fb-form {
display: block;
}
.feedback-box-hiding .fb-tips, .feedback-box-hiding .fb-form {
display: none;
}
.feedback-box-showing .fb-default {
box-shadow: none;
}
.indlogo {
float: left;
padding-top: 20px;
width: 330px;
height: 64px;
line-height: 64px;
position: relative;
}
.head {
background: #fff;
}
#nav {
background: #fff;
}
.nav_con {
height: 120px;
width: 1200px;
}
.sech_in {
width: 550px;
height: 70px;
float: left;
margin-top: 37px;
margin-left: 55px;
}
.key {
width: 350px;
border: 2px solid #d7000f;
border-right: none;
height: 32px;
line-height: 35px;
padding-left: 5px;
float: left;
}
.go {
width: 75px;
float: left;
background-color: #d7000f;
height: 36px;
line-height: 35px;
color: #fff;
font-size: 14px;
border: none;
font-family: Microsoft Yahei, "微软雅黑";
}
.sech_in ul li {
float: left;
}
.myshop {
width: 163px;
height: 35px;
border: 1px solid #d2d0d0;
margin-top: 37px;
text-align: center;
}
.allMenu {
font-weight: 400;
line-height: 36px;
text-align: center;
float: left;
padding: 0;
}
.allMenu li {
text-align: center;
height: 38px;
width: 108px;
float: left;
}
.allMenu li a {
font-size: 16px;
color: #424243;
display: block;
height: 38px;
width: 108px;
}
.swiper-container1 {
width: 100%;
height: 100%;
}
.swiper-slide1 {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.index1 {
height: 257px;
width: 1100px;
}
.index1 {
height: 257px;
width: 100%;
margin-top:20px;
}
.index1_1 {
height: 257px;
width: 291px;
}
.index1_10 {
width: 291px;
height: 79px;
background: #c40c1a;
overflow: hidden;
border-radius: 5px;
margin-top: 10px;
cursor: pointer;
}
.index1_10 span {
background: url(/templets/custom/images/index/btnTip.png) no-repeat;
width: 45px;
height: 51px;
display: block;
position: relative;
left: 248px;
bottom: 40px;
filter: alpha(opacity=80);
opacity: 0.80;
}
.index1_p1 {
font-size: 20px;
font-weight: 900;
color: #fff;
padding-top: 20px;
padding-left: 20px;
}
.index1_p2 {
padding-left: 20px;
color: #fff2c6;
}
.index1_10:hover {
background-color: #e14450;
}
.index12 {
height: 255px;
width: 870px;
background-color: #fff;
border: solid #d2d2d2 1px;
}
.index12_0 {
width: 334px;
height: 198px;
border-right: 2px dotted #e5e5e5;
margin-left: 18px;
margin-top: 30px;
}
.index12_01 {
cursor: pointer;
}
.index12_01 a {
color: #333;
margin: 0px;
padding: 0px;
}
.index12_01 a:hover {
color: #c40c1a;
}
.index12_p1 {
font-size: 20px;
font-weight: 900;
}
.index12_p2 {
padding-top: 19px;
width: 300px;
}
.index12_02 {
margin-top: 10px;
}
.about {
width: 77px;
height: 24px;
border: 1px solid #c40c1a;
border-radius: 5px;
line-height: 24px;
text-align: center;
}
.about a {
color: #c40c1a;
}
.about:hover {
background-color: #e14450;
border: 1px solid #e14450;
}
.about:hover a {
color: #fff;
font-size: 13px;
}
.baojia {
background-color: #c40c1a;
height: 26px;
width: 114px;
line-height: 26px;
border-radius: 5px;
text-align: center;
margin-left: 10px;
}
.baojia a {
color: #fff;
}
.baojia:hover {
background-color: #e14450;
}
.baojia:hover a {
font-size: 13px;
}
.index12_1 {
width: 395px;
height: 208px;
margin-top: 10px;
margin-left: 10px;
}
.index12_11 {
width: 270px;
height: 24px;
}
.index12_11 img {
height: 24px;
width: 56px;
}
.index12_p3 {
margin-left: 15px;
height: 16px;
padding-top: 2px;
}
.index12_p3 a {
color: #333;
font-size: 16px;
}
.index12_p3 a:hover {
color: #c40c1a;
}
.index12_12 {
width: 270px;
height: 160px;
margin-top: 12px;
border: 1px solid #e5e5e5;
}
.index2 {
width: 100%;
height: 300px;
margin-top: 25px;
padding-top: 30px;
}
.index3 {
width: 100%;
height: 384px;
margin-top: 15px;
}
.index_tit {
height: 24px;
width: 100%;
}
.index_tit span {
height: 20px;
position: relative;
top: -1px;
color: #939494;
}
.index_tit span a {
color: #000;
font-size: 20px;
font-weight: 900;
text-decoration: none;
}
.part-factory {
float: left;
width: 1200px;
margin-top: 15px;
background-color: #f1f1f1;
padding: 1px;
}
.part-factory li {
float: left;
width: 149px;
height: 79px;
background: #fff;
margin-right: 1px;
margin-top: 1px;
}
.part-factory li img {
width: 94px;
height: 32px;
margin-left: 24px;
margin-top: 24px;
}
.part-category {
float: left;
width: 485px;
height: 239px;
background: #fff;
margin-top: 16px;
}
.part-category ul:first-child {
margin-left: 62px;
}
.part-category ul {
margin-left: 72px;
float: left;
}
.fl{float:left;}
.fr{float:right;}
.wrapper {
width: 1200px;
}
.wrapper2 {
height: 225px;
width: 1180px;
margin-top: 17px;
padding: 10px;
border: 1px solid #ddd;
}
.zhapai {
height: 107px;
margin: 0px 0px 9px 18px;
width: 246px;
border: 1px solid #ddd;
}
.part-category li a i.text {
font-style: normal;
font-size: 12px;
color: #353535;
display: inline-block;
width: 48px;
margin-right: 8px;
}
.juhui-new-index-icon {
background-image: url(../images/1490.png);
display: inline-block;
background-size: 94px 108px;
}
.part-category li {
width: 70px;
margin-top: 32px;
height: 20px;
}
.part-category li a:hover .icon-grey-arrow {
background-position: -39px -49px;
}
.part-category i.icon-grey-arrow {
width: 12px;
height: 12px;
background-position: -11px -49px;
}
.index_case {
}
.index_case_left {
width: 215px;
height: 330px;
border: 1px solid #dbdbdb;
float: left;
}
.index_case_con {
float: left;
}
/* 首页相同内容模块 */
.index_foolsame {
height: 330px;
overflow: hidden;
margin-top: 30px;
position: relative;
}
/*区块左侧*/
.index_foolsame .index_left {
width: 212px;
height: 540px;
float: left;
}
.index_foolsame .index_left .left_title {
width: 100%;
height: 40px;
line-height: 40px;
border-bottom: solid 2px #DDD;
}
.index_foolsame .index_left .left_title h2 {
font: 22px/32px "microsoft yahei";
color: #555;
padding-left: 40px;
vertical-align: middle;
display: inline-block;
*display: inline/*IE6,7*/;
zoom: 1;
}
z
/*区块左侧广告*/
.index_foolsame .left_adv {
width: 100%;
height: 325px;
}
.index_foolsame .left_adv img {
width: 212px;
height: 325px;
}
/*左侧推荐分类*/
.index_foolsame .left_bottom {
width: 212px;
height: 325px;
margin: 0 auto;
overflow: hidden;
}
.index_foolsame .left_bottom ul {
width: 212px;
height: 222px;
}
.index_foolsame .left_bottom ul li {
width: 212px;
height: 222px;
overflow: hieen;
}
.index_foolsame .left_bottom ul li a {
display: block;
width: 96px;
float: left;
height: 35px;
line-height: 35px;
color: #555;
font-size: 14px;
}
/*区块中部*/
.index_foolsame .index_middle {
width: 776px;
height: 100%;
float: left;
overflow: hidden;
}
.index_foolsame .tabnav {
background-color: transparent;
width: 100%;
height: 40px;
border-style: solid;
border-width: 0 0 2px 0;
border-color: transparent transparent #DDD transparent;
position: relative;
z-index: 1;
}
.index_foolsame .tabnav li {
background-color: transparent;
width: 24%;
height: 40px;
float: left;
padding: 0;
border-style: solid;
border-width: 0 0 2px 0;
border-color: #DDD;
position: relative;
z-index: 1;
cursor: pointer;
}
.index_foolsame .tabnav li h3 {
font-size: 15px;
font-weight: 100;
color:#666;
line-height: 40px;
text-align: center;
}
.index_foolsame .tabnav li i {
font-size: 0px;
line-height: 0;
display: none;
width: 0px;
height: 0px;
float: right;
margin-left: -4px;
border-width: 0px 4px 8px 4px;
border-style: dashed dashed solid dashed;
position: absolute;
z-index: 1;
bottom: 0;
left: 50%;
}
.index_foolsame .floor_list {
width: 860px;
height: 327px;
padding: 0;
margin: 0;
position: relative;
z-index: 1;
}
/*中部推荐位广告图形式1*/
.index_foolsame .middle-banner-style01 {
background-color: #000;
width: 776px;
height: 498px;
position: relative;
z-index: 1;
}
.index_foolsame .middle-banner-style01 a {
position: absolute;
z-index: 1;
}
.index_foolsame .middle-banner-style01 .a1, .index_foolsame .middle-banner-style01 .a2, .index_foolsame .middle-banner-style01 .c1, .index_foolsame .middle-banner-style01 .c2, .index_foolsame .middle-banner-style01 .a1 img, .index_foolsame .middle-banner-style01 .a2 img, .index_foolsame .middle-banner-style01 .c1 img, .index_foolsame .middle-banner-style01 .c2 img {
width: 194px;
height: 194px;
}
.index_foolsame .middle-banner-style01 .a1 {
top: 0;
left: 0;
}
.index_foolsame .middle-banner-style01 .a2 {
top: 194px;
left: 0;
}
.index_foolsame .middle-banner-style01 .b1 {
width: 388px;
height: 388px;
top: 0;
left: 194px;
}
.index_foolsame .middle-banner-style01 .b1 img {
width: 388px;
height: 388px;
}
.index_foolsame .middle-banner-style01 .c1 {
top: 0;
left: 582px;
}
.index_foolsame .middle-banner-style01 .c2 {
top: 194px;
left: 582px;
}
.index_foolsame .middle-banner-style01 .d1, .index_foolsame .middle-banner-style01 .d2, .index_foolsame .middle-banner-style01 .d3, .index_foolsame .middle-banner-style01 .d4, .index_foolsame .middle-banner-style01 .d1 img, .index_foolsame .middle-banner-style01 .d2 img, .index_foolsame .middle-banner-style01 .d3 img, .index_foolsame .middle-banner-style01 .d4 img {
width: 194px;
height: 110px;
}
.index_foolsame .middle-banner-style01 .d1 {
top: 388px;
left: 0;
}
.index_foolsame .middle-banner-style01 .d2 {
top: 388px;
left: 194px;
}
.index_foolsame .middle-banner-style01 .d3 {
top: 388px;
left: 388px;
}
.index_foolsame .middle-banner-style01 .d4 {
top: 388px;
left: 582px;
}
/*中部推荐商品列表*/
.squares .goodslist_all {
font-size: 0;
*word-spacing: -1px/*IE6、7*/;
display: block;
width: 1000px;
margin-left: -16px;
}
.squares .goodslist_all .errorlist {
line-height: 100px;
text-align: center;
}
.squares .goodslist_all li {
font-size: 12px;
vertical-align: middle;
letter-spacing: normal;
word-spacing: normal;
display: inline-block;
*display: inline/*IE6,7*/;
width: 228px;
height: 300px;
margin: 12px 0 0 12px;
*zoom: 1;
}
.squares .goodslist {
line-height: 18px;
background-color: #FFF;
width: 220px;
height: 295px;
margin: 3px;
border: solid 1px #F0F0F0;
border-radius: 2px;
position: relative;
z-index: 11;
overflow: hidden;
box-shadow: 0 0 3px rgba(153,153,153,0.1);
transition: border-color 0.4s ease-in-out 0s;
}
.squares .goodslist_img {
background: #FFF;
width: 220px;
height: 170px;
padding: 5px 5px 0 5px;
z-index: 1;
top: 0;
left: 0;
}
.squares .goodslist_img a {
line-height: 0;
text-align: center;
vertical-align: middle;
display: table-cell;
*display: block;
width: 220px;
height: 170px;
overflow: hidden;
}
.squares .goodslist_img img {
max-width: 220px;
max-height: 170px;
margin-top: expression( 220-this.height/2);
*margin-top: expression(110-this.height/2)/*IE6,7*/;
}
.squares .goodslist_price {
font: 12px/20px Arial;
color: #333333;
background-color: #FFF;
white-space: nowrap;
display: block;
width: 122px;
height: 30px;
padding: 5px 10px 10px;
overflow: hidden;
}
.squares .goodslist_price em.sale-price {
font-size: 16px;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
float: left;
overflow: hidden;
}
.squares .goodslist_price em span {
position: absolute;
left: 86px;
}
.squares .goods_name {
display: block;
}
.squares .goods_name a {
display: block;
font: 16px Arial;
font-weight: 600;
line-height: 20px;
width: 200px;
height: 20px;
color: #333333;
background-color: #FFF;
white-space: nowrap;
padding: 5px 10px;
overflow: hidden;
z-index: auto;
}
/* .squares .goods_name a {display:block;text-wrap:normal;word-wrap:break-word;line-height:20px;width:200px; height: 50px; } */
.squares .goodslist_attr {
font: 13px Arial;
color: #333333;
background-color: #FFF;
white-space: nowrap;
display: block;
width: 200px;
height: 16px;
padding: 5px 10px;
overflow: hidden;
}
.squares .goodslist_store {
font: 13px Arial;
color: #333333;
background-color: #FFF;
white-space: nowrap;
display: block;
width: 200px;
height: 16px;
padding: 5px 10px;
overflow: hidden;
}
.squares .goodslist_price em.market-price {
color: #999;
text-decoration: line-through;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 50px;
float: left;
margin-left: 10px;
overflow: hidden;
}
.index_foolsame .index_middle {
width: 860px !important;
overflow: hidden;
}
.index_foolsame .index_middle .middle_goodslist ul {
width: 860px;
margin: 0 -1px -1px 0;
height: 327px;
}
.index_foolsame .index_middle .middle_goodslist ul li {
font-size: 12px;
vertical-align: middle;
letter-spacing: normal;
word-spacing: normal;
display: inline-block;
*display: inline/*IE6,7*/;
width: 190px;
height: 312px;
margin: 15px 0px 0 15px;
text-align: center;
*zoom: 1;
}
.index_foolsame .index_middle .middle_goodslist ul li dl {
line-height: 18px;
background-color: #FFF;
width: 190px;
height: 246px; /* margin: 3px; */
border: solid 1px #E4E4E4;
border-radius: 2px;
position: relative;
z-index: 11;
overflow: hidden; /* box-shadow: 0 0 3px rgba(153,153,153,0.1); */
transition: border-color 0.4s ease-in-out 0s;
}
.index_foolsame .index_middle .middle_goodslist ul li dl dt.goods_name {
font: 14px Arial;
font-weight: 600;
color: #333333;
line-height: 20px;
width: 190px;
height: 30px;
position: absolute;
z-index: auto;
top: 168px;
left: 0;
overflow: hidden;/* padding: 5px 10px 0px; */
text-overflow: ellipsis;
}
.index_foolsame .index_middle .middle_goodslist ul li dl dt.goods_name a {
line-height: 20px;
width: 170px;
height: auto;
padding: 5px 10px 0px;
overflow: hidden;
text-overflow: ellipsis;
display: box;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/*.index_foolsame .index_middle .middle_goodslist ul li dl dt.goods_name { display:block;font: 16px Arial; font-weight: 600;line-height:20px;width:200px; height: 40px;color: #333333; background-color: #FFF; white-space: nowrap; padding: 5px 10px; overflow: hidden;z-index:auto;position: absolute;top:175px;}*/
.index_foolsame .index_middle .middle_goodslist ul li dl dd.goods_img {
background: #FFF;
width: 190px;
height: 170px; /* padding: 5px 5px 0 5px; */
z-index: 1;
top: 0;
left: 0;
}
.index_foolsame .index_middle .middle_goodslist ul li dl dd.goods_img a {
line-height: 0;
text-align: center;
vertical-align: middle;
display: table-cell;
*display: block;
width: 190px;
height: 170px;
overflow: hidden;
}
.index_foolsame .index_middle .middle_goodslist ul li dl dd.goods_img img {/* max-width: 190px; max-height: 170px; */
width: 170px;
height: 150px;
margin-top: expression( 150-this.height/2);
*margin-top: expression(150-this.height/2)/*IE6,7*/;
}
.index_foolsame .index_middle .middle_goodslist ul li dl dd.goods_price {
position: absolute;
top: 277px;
font: 12px/20px Arial;
color: #333333;
background-color: #FFF;
white-space: nowrap;
display: block;
width: 122px;
height: 30px;
padding: 5px 10px 10px;
overflow: hidden;
}
.index_foolsame .index_middle .middle_goodslist ul li dl dd.goods_price em {
font-size: 16px;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
float: left;
overflow: hidden;
}
.index_foolsame .index_middle .middle_goodslist ul li dl dd.goods_price .original {
font-size: 12px;
font-weight: normal;
text-decoration: line-through;
color: #999;
vertical-align: middle;
margin-left: 6px;
}
.index_foolsame .index_middle .middle_goodslist ul li dl dd.goods_attr {
position: absolute;
top: 225px;
font: 13px Arial;
color: #333333;
background-color: #FFF;
white-space: nowrap;
display: block;
width: 170px;
height: 16px;
padding: 5px 10px;
overflow: hidden;
text-overflow: ellipsis;
display: box;
display: -webkit-box;
line-clamp: 1;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.index_foolsame .index_middle .middle_goodslist ul li dl dd.goods_store {
position: absolute;
top: 251px;
font: 13px Arial;
color: #333333;
background-color: #FFF;
white-space: nowrap;
display: block;
width: 170px;
height: 16px;
padding: 5px 10px;
overflow: hidden;
}
/*右侧推荐品牌*/
.index_foolsame .index_right {
width: 128px;
height: 100%;
float: right;
left: 0;
}
.index_foolsame .right_brand {
width: 128px;
height: 327px;
overflow: hidden;
border-top: 2px solid #DDD;
margin: 40px 0px 0px -1px;
}
.index_foolsame .right_brand ul {
width: 128px;
height: 312px;
margin-top: 15px
}
.index_foolsame .right_brand ul li {
background-color: #FFF;
float: left;
border: solid 1px #EEE;
width: 126px;
height: 54px;
margin-bottom: 8px;
}
.index_foolsame .right_brand ul li a {
width: 116px;
height: 44px;
padding: 5px;
text-align: center;
vertical-align: middle;
display: table-cell;
}
.index_foolsame .right_brand ul li img {
max-width: 116px;
max-height: 44px;
}
/*浅色*/
.index_foolsame .index_left, .index_foolsame .left-ads {
}
.index_foolsame .left_bottom {
height: 219px;
}
.index_foolsame .index_left .left_bottom li a {
color: #555;
text-align: left;
border-color: transparent;
text-shadow: none;
padding-left: 10px;
}
.index_foolsame .index_left .left_bottom li a:hover {
color: #d2364c;
text-decoration: underline;
background: none;
}
.index_foolsame .index_left .title .txt-type span {
color: #AAA;
border-color: #AAA;
}
.index_foolsame .middle_goodslist {/* border: solid 1px #DDD; */
border-top: 0px none;
border-right: 0px none;
}
.index_foolsame .index_middle .tab_selected {
border-color: #d2364c;
}
.index_foolsame .index_middle .tab_selected i {
display: block;
border-color: transparent transparent #d2364c transparent;
}
.index_foolsame .index_middle .tab_selected h3 {
color: #d2364c;
}
.index_foolsame .left_bottom ul li a {
color: #777;
}
.index_foolsame .right-side-focus .pagination span {
background-color: #d93600;
}
.index_same {
overflow: hidden;
}
.index_same .left-layout {
width: 1200px;
float: left;
border-bottom: solid 1px #F0F0F0;
}
.index_same .tabnav {
background-color: transparent;
width: 100%;
height: 40px;
border-style: solid;
border-width: 0 0 2px 0;
border-color: transparent transparent #F0F0F0 transparent;
position: relative;
z-index: 1;
}
.index_same .tabnav li {
background-color: transparent;
width: 20%;
*width: 195px;
height: 40px;
float: left;
padding: 0;
position: relative;
z-index: 1;
cursor: pointer;
}
.index_same .tabnav li h3 {
font-size: 16px;
font-weight: 100;
line-height: 38px;
text-align: center;
}
.index_same .tabnav li i {
font-size: 0px;
line-height: 0;
display: none;
width: 0px;
height: 0px;
float: right;
margin-left: -4px;
border-width: 0px 4px 8px 4px;
border-style: dashed dashed solid dashed;
position: absolute;
z-index: 1;
bottom: 0;
left: 50%;
}
.index_same .tabnav .tab_selected {
border-style: solid;
border-width: 0 0 2px 0;
border-color: #ffc000;
}
.index_same .tabnav .tab_selected i {
display: block;
border-color: transparent transparent #ffc000;
}
.index_same .tabnav .tab_selected h3 {
color: #ffc000;
}
.index_same .floor_list {
width: 1200px;
overflow: hidden;
}
.index_same .floor_list ul {
width: 1200px;
margin-left: -1px;
overflow: hidden;
}
.index_same .floor_list ul li {
width: 199px;
height: 190px;
padding: 1px 0 0;
text-align: center;
border-left: dotted 1px #F0F0F0;
float: left;
overflow: hidden;
}
.index_same .floor_list dl {
width: 160px;
margin: 0 auto auto;
position: relative;
z-index: 1;
}
.index_same .floor_list dl dt.goods_name {
font: 14px Arial;
font-weight: 600;
color: #333333;
position: absolute;
z-index: auto;
top: 145px;
left: 0;
}
.index_same .floor_list dl dt.goods_name a {
line-height: 20px;
width: 160px;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: box;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.index_same .floor_list dl dd.goods_attr {
cursor: pointer;
font-size: 13px;
line-height: 15px;
position: absolute;
z-index: auto;
top: 190px;
left: 0;
overflow: hidden;
text-overflow: ellipsis;
display: box;
display: -webkit-box;
line-clamp: 1;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.index_same .floor_list dl dd.goods_img {
width: 160px;
height: 140px;
position: absolute;
z-index: auto;
top: 0;
left: 0;
}
.index_same .floor_list dl dd.goods_img a {
text-align: center;
vertical-align: middle;
display: table-cell;
*display: block;
width: 160px;
height: 140px;
overflow: hidden;
}
.index_same .floor_list dl dd.goods_img img {
max-width: 160px;
max-height: 140px;
margin-top: expression(160-this.height/2);
*margin-top: expression(80-this.height/2);
}
.index_same .floor_list dl dd.goods_store {
font-size: 13px;
line-height: 15px;
height: 15px;
position: absolute;
z-index: auto;
top: 210px;
left: 0;
}
.index_same .floor_list dl dd.goods_price {
line-height: 20px;
color: #999;
position: absolute;
z-index: auto;
top: 230px;
left: 0;
}
.index_same .floor_list dl dd.goods_price em {
font-size: 14px;
vertical-align: middle;
}
.index_same .index_right {
width: 211px;
float: right;
}
.index_same .index_right .title {
height: 40px;
border-bottom: solid 2px #F00;
}
.index_same .index_right .title h3 {
font-size: 12px;
font-weight: 600;
line-height: 38px;
color: #D93600;
float: left;
margin-left: 20px;
}
.index_same .index_right .title a {
line-height: 38px;
float: right;
margin-right: 6px;
}
.index_same .sale-discount {
width: 210px;
height: 252px;
overflow: hidden;
position: relative;
z-index: 1;
}
.index_same .sale-discount ul {
width: auto;
height: 252px;
position: absolute;
z-index: 1;
}
.index_same .sale-discount ul li {
width: 210px;
height: 50px;
float: left;
padding: 191px 0 0 0;
}
.index_same .sale-discount .arrow {
background: url(../images/home_bg.png) no-repeat;
width: 19px;
height: 29px;
margin-top: -40px;
position: absolute;
z-index: 2;
top: 50%;
cursor: pointer;
opacity: 0.25 !important;
}
.index_same .sale-discount .arrow:hover {
opacity: 0.85 !important;
}
.index_same .sale-discount .pre {
background-position: -160px -70px;
left: 0;
}
.index_same .sale-discount .next {
background-position: -180px -70px;
right: 0;
}
.index_same .sale-discount dl {
height: 59px;
width: 210px;
border-bottom: solid 1px #F0F0F0;
position: relative;
z-index: 1;
}
.index_same .sale-discount dl dt, .index_same .sale-discount dl dd {
position: absolute;
z-index: auto;
}
.index_same .sale-discount dt.goods_name {
text-overflow: ellipsis;
white-space: nowrap;
width: 200px;
height: 20px;
top: 30px;
left: 5px;
overflow: hidden;
}
.index_same .sale-discount dd.goods_img {
top: -155px;
left: 30px;
}
.index_same .sale-discount dd.goods_img a {
text-align: center;
vertical-align: middle;
display: table-cell;
*display: block;
width: 150px;
height: 150px;
overflow: hidden;
}
.index_same .sale-discount dd.goods_img img {
max-width: 150px;
max-height: 150px;
margin-top: expression(150-this.height/2);
*margin-top: expression(75-this.height/2);
}
.index_same .sale-discount dd.goods_price {
font: 600 16px/30px Verdana;
color: #C00;
width: 200px;
height: 30px;
top: 0;
left: 5px;
}
.index_same .sale-discount dd.goods_price .original {
font-size: 12px;
color: #AAA;
font-weight: normal;
text-decoration: line-through;
margin-left: 6px;
}
.index_same .sale-discount dd.goods_price-discount {
color: #FFF;
background: url(../images/home_bg.png) no-repeat -100px -100px;
text-align: center;
width: 48px;
height: 24px;
padding: 28px 0 16px 0;
top: -40px;
right: 5px;
}
.index_same .sale-discount dd.goods_price-discount em {
font-size: 16px;
font-weight: 600;
margin-right: 2px;
}
.index_same .sale-discount dd.time-remain {
color: #999;
line-height: 16px;
text-align: center;
width: 210px;
height: 16px;
top: -180px;
left: 0;
}
.index_same .sale-discount dd.time-remain i {
background: url(../images/home_bg.png) no-repeat -40px -60px;
vertical-align: middle;
display: inline-block;
width: 11px;
height: 11px;
margin-right: 4px;
}
.index_same .sale-discount dd.time-remain em {
font-weight: 600;
color: #555;
margin: 0 2px;
}
.index_same .sale-discount dd.goods-buy-btn {
}
.index_same .sale-discount .preNext {
opacity: 0.5 !important;
}
.index_same .sale-discount .preNext:hover {
opacity: 1 !important;
}
.index4 {
width: 1200px;
height: 517px;
margin-top: 25px;
}
.index31_anli {
width: 1200px;
height: 480px;
border: 1px solid #d2d2d2;
background-color: #fff;
margin-top: 24px;
}
.index31_anli ul li {
float: left;
width: 240px;
height: 240px;
margin: 0px;
padding: 0px;
}
.index_tit {
height: 24px;
width: 100%;
}
.index31_anli ul li a img {
width: 100%;
height: 100%;
}
.anli_p1 {
font-size: 16px;
font-weight: 900;
color: #00153e;
margin-left: 20px;
margin-top: 37px;
}
.anli_p2 {
font-size: 16px;
font-weight: 900;
color: #c40c1a;
margin-left: 20px;
}
.anli_p3 {
margin-left: 20px;
width: 160px;
color: #666666;
margin-top: 20px;
font-size: 13px;
}
.index31_anli .anli_r1 {
width: 240px;
height: 240px;
background-color: #c40c1a;
}
.index31_anli .anli_r2 {
width: 240px;
height: 240px;
background-color: #00153e;
}
.anli_rp1 {
font-size: 26px;
color: #fff;
font-weight: 900;
margin-top: 91px;
margin-left: 20px;
}
.anli_rp2 {
font-size: 18px;
color: #fff;
margin-left: 20px;
margin-top: 15px;
}
.mod-some-entrance {
margin-top: 32px;
margin-bottom: 49px;
}
.mod-some-entrance ul.left, .mod-some-entrance ul.right {
float: left;
}
.mod-some-entrance li {
width: 236px;
height: 120px;
background: #fff;
float: left;
}
.mod-some-entrance li .left-img {
width: 48px;
height: 48px;
border-radius: 50%;
margin-left: 40px;
margin-top: 36px;
float: left;
text-align: center;
line-height: 48px;
}
.mod-some-entrance li .right-txt {
margin-left: 8px;
margin-top: 44px;
float: left;
}
.juhui-index-icon, .juhui-index-icon2, .juhui-index-icon3, .juhui-new-index-icon {
zoom: 1;
font-size: 0;
line-height: 0;
background-repeat: no-repeat;
vertical-align: middle;
}
.mod-some-entrance li .right-txt .title {
font-size: 14px;
color: #656565;
}
.mod-some-entrance li .right-txt .explanation {
font-size: 12px;
color: #959595;
margin-top: 2px;
}
.mod-some-entrance li .left-img i.icon-mfsy {
background-position: -1px -73px;
width: 32px;
height: 35px;
}
.mod-some-entrance li .left-img i.icon-dhsc {
background-position: 0 -1px;
width: 34px;
height: 30px;
}
.mod-some-entrance li .left-img i.icon-gyjh {
background-position: -61px -50px;
width: 32px;
height: 33px;
}
.juhui-index-icon2 {
background-image: url(../images/1490.png);
display: inline-block;
background-size: 179px 143px;
}
.mod-some-entrance li .left-img {
width: 48px;
height: 48px;
border-radius: 50%;
margin-left: 40px;
margin-top: 36px;
float: left;
text-align: center;
line-height: 48px;
}
.layout-footer {
width: 100%;
}
.layout-footer .mod-wuage-desc {
width: 100%;
background: #f5f5f5;
min-height: 117px;
padding: 33px 0;
}
.layout-footer .mod-inner {
width: 1184px;
margin: 0 auto;
overflow: hidden;
}
.layout-footer .mod-wuage-desc .mod-beginner, .layout-footer .mod-wuage-desc .mod-service, .layout-footer .mod-wuage-desc .mod-statement {
width: 250px;
float: left;
}
.layout-footer .mod-wuage-desc dl {
float: left;
}
.layout-footer .mod-wuage-desc dl dt {
font-size: 14px;
color: #353535;
line-height: 44px;
}
.layout-footer .mod-wuage-desc dl dd ul {
float: left;
margin-right: 40px;
}
.layout-footer .mod-wuage-desc dl dd ul li {
line-height: 24px;
}
.layout-footer .mod-wuage-desc dl dd ul li {
line-height: 24px;
}
.layout-fix-tab-narrow a:hover, .layout-footer a:hover, .layout-head a:hover, .layout-main-search a:hover {
text-decoration: none !important;
color: #316ccb !important;
}
.layout-fix-tab-narrow, .layout-fix-tab-narrow input, .layout-footer, .layout-footer input, .layout-head, .layout-head input, .layout-main-search, .layout-main-search input {
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Microsoft YaHei, sans-serif !important;
}
.layout-footer .mod-wuage-desc .mod-contact .online {
background: #fff;
color: #316ccb;
cursor: pointer;
width: 134px;
height: 32px;
border: 1px solid #316ccb;
}
.layout-footer .mod-wuage-desc .mod-contact .online:hover {
background: #316ccb;
color: #fff;
}
.layout-footer .mod-wuage-desc .mod-contact .contact-top p {
font-size: 18px;
font-weight: 700;
line-height: 30px;
}
.layout-footer .mod-wuage-desc .mod-contact p {
color: #656565;
}
.layout-footer .mod-wuage-desc .mod-contact span {
color: #959595;
display: block;
line-height: 18px;
margin-top: 2px;
}
.layout-footer .mod-wuage-desc .mod-contact .contact-top {
margin: 8px 0 18px;
}
.layout-footer .mod-wuage-desc .mod-contact {
text-align: center;
float: right;
}
.layout-footer .mod-wuage-copyright {
width: 100%;
min-height: 43px;
color: #959595;
padding: 20px 0 24px;
}
.layout-footer .mod-inner {
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.layout-footer .mod-wuage-copyright .wuage-other-link {
float: left;
}
.layout-footer .mod-wuage-copyright .wuage-other-link .wuage-link {
margin: 0 0 5px -10px;
color: #c5c5c5;
}
.layout-footer .mod-wuage-copyright .wuage-other-link .wuage-link a {
margin: 0 10px;
color: #c5c5c5;
}
.index_pro ul li {
float: left;
width: 387px;
height: 298px;
background-color: #1461ac;
margin: 0px 3px 3px 0px;
position: relative;
overflow: hidden;
}
.pro_tit1 {
position: absolute;
width: 100%;
top: 130px;
text-align: center;
color: #fff;
font-size: 20px;
background-image: url('../img/xx.jpg');
background-position: 333px 33px;
background-repeat: no-repeat;
height: 50px;
z-index: 99;
}
.pro_tit2 {
position: absolute;
width: 100%;
top: 130px;
text-align: center;
color: #fff;
font-size: 20px;
background-image: url('../img/xx.jpg');
background-position: 138px 33px;
background-repeat: no-repeat;
height: 50px;
z-index: 99;
}
.pro_xx {
width: 90%;
background-color: #fff;
height: 2px;
margin: 0 auto;
}
.pro_showbox {
width: 810px;
height: 300px;
background-color: #000;
opacity: 0.6;
position: absolute;
top: 300px;
}
.pro_showbox2 {
width: 404px;
height: 300px;
background-color: #000;
opacity: 0.6;
position: absolute;
top: 300px;
}
/*index_about start*/
.inde_about {
height: 840px;
position: relative;
}
.diamond_a {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 550px;
height: 550px;
margin: 0 auto;
margin-top: -65px;
border: 1px #aaabab solid;
z-index: 0;
position: absolute;
top: 205px;
right: 309px;
}
.diamond_a p {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.index_aboutcon {
width: 450px;
height: 470px;
position: absolute;
top: 208px;
left: 360px;
}
.xx2 {
width: 60px;
height: 3px;
background-color: #1461ac;
margin-left: 196px;
}
.index_aboutcon p {
line-height: 25px;
text-align: center;
}
.about_imgr {
position: absolute;
top: 170px;
right: 0px;
}
.about_imgl {
position: absolute;
top: 170px;
left: 0px;
}
.about_imgi {
position: absolute;
top: 540px;
left: 100px;
}
.about_imgj {
position: absolute;
top: 540px;
right: 100px;
}
.about_imgb {
position: absolute;
bottom: 60px;
left: 550px;
}
.index6 {
width: 1200px;
height: 380px;
margin-top: 25px;
margin-bottom: 25px;
}
.index6_fuwu {
width: 290px;
height: 380px;
}
.index_tit2 a {
color: #333;
font-size: 20px;
font-weight: 900;
}
.index_tit2 a:hover {
color: #c40c1a;
}
.fuwu {
width: 290px;
height: 348px;
margin-top: 12px;
background-color: #fff;
border: 1px solid #d2d2d2;
}
.fuwu ul {
width: 246px;
height: 276px;
margin-left: 20px;
margin-top: 36px;
}
.fuwu ul li {
width: 246px;
height: 36px;
line-height: 30px;
border-bottom: 1px dashed #d2d2d2;
padding-top: 4px;
}
.fuwu ul li a {
font-size: 16px;
}
.tagbox {
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
font-size: 16px;
color: #fff;
margin-right: 8px;
}
.tag2 {
background-color: #00153e;
}
.tag1 {
background-color: #c40c1a;
}
.fuwu ul li:hover .tag1 {
background-color: #e14450;
}
.fuwu ul li:hover .tag2 {
background-color: #1f3e7a;
}
.index6_wenti {
width: 840px;
float: right;
height: 348px;
}
.more a {
font-size: 13px;
position: relative;
top: 8px;
color: #c40c1a;
}
.more a:hover {
color: #e14450;
}
.wenti {
width: 835px;
height: 348px;
margin-top: 13px;
background-color: #fff;
border: 1px solid #d2d2d2;
}
.wenti ul {
width: 640px;
height: 276px;
margin-left: 20px;
margin-top: 36px;
}
.wenti ul li {
float: left;
width: 636px;
height: 88px;
border-bottom: 1px dashed #d2d2d2;
padding-top: 10px;
}
.tag3 {
height: 30px;
width: 30px;
background-color: #707070;
line-height: 30px;
font-size: 16px;
color: #fff;
text-align: center
}
.tag4 {
height: 30px;
width: 30px;
background-color: #c40c1a;
line-height: 30px;
font-size: 16px;
color: #fff;
text-align: center;
margin-top: 10px;
}
.wenti_p1 {
width: 596px;
height: 30px;
line-height: 30px;
font-size: 16px;
color: #333333;
font-weight: 900;
padding-left: 5px;
}
.wenti_p2 {
width: 600px;
height: 30px;
font-size: 12px;
line-height: 15px;
color: #666666;
margin-top: 10px;
padding-left: 5px;
}
.titles {
padding: 30px 0;
font-size: 30px;
color: #6a6a6a;
font-weight: bold;
line-height: 1.2;
text-align: center width : 100%;
}
.text-1 {
text-align: left;
text-indent: 2em;
color: #666;
width:100%;
margin-bottom: 30px;
}
.mf_form {
width: 100%;
padding: 20px 0 10px 0;
background: #f2f2f2;
overflow: hidden;
}
.form_p1 {
width: 50%;
float: left;
height: 80px;
}
.fg {
width: 100%;
float: left;
margin-bottom: 20px;
margin-left: 30px;
}
.fg label {
display: block;
font-size: 14px;
color: #4f4e4e;
line-height: 24px;
font-weight: normal;
text-align: left;
}
.fg label span {
color: #dd3838;
}
.fg .text {
height: 35px;
line-height: 50px;
width: 100%;
outline: none;
border: 1px solid #e1e1e1;
background: #fff;
padding-left: 10px;
font-size: 16px;
color: #777;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.index2_rxcp {
width: 623px;
height: 348px;
margin-top: 10px;
}
.index2_rxcp ul li{
float:left;
}
.index2_rxcp ul li{ float:left; width:95px; height:95px; border:1px solid #d2d2d2; background-color:#fff; cursor:pointer;}
.index2_rxcp ul .rx_curr { border:3px #c40c1a solid; background-color:#f3f3f3; width:110px; height:110px;}
.index2_rxcp ul .rx_curr img { width:70px; height:70px; margin-left:18px; margin-top:18px; }
.index2_rxcp ul li img { width:70px; height:70px;margin-left:0px; margin-top:13px;}
.index2_rxcp ul li:hover{
border:1px solid #de0f18;
}
.fg .text:focus {
border-color: #c30;
}
.fg textarea {
height: 50px;
line-height: 50px;
width: 207%;
outline: none;
border: 1px solid #e1e1e1;
background: #fff;
padding-left: 10px;
font-size: 16px;
color: #777;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
min-height: 120px;
}
.fg textarea:focus {
border-color: #c30;
}
.fg button {
border: none;
color: #fff;
margin-top: 15px;
display: block;
background: #d2364c;
padding: 8px 30px;
}
.pro_left {
float: left;
width: 17%;
height: auto;
}
.pro_right {
float: left;
width: 80%;
height: auto;
}
.located {
width: 100%;
float: left;
padding: 15px 0;
text-align: right;
font-size: 14px;
color: #5c5c5d;
}
.located a {
display: inline-block;
color: #5c5c5d;
}
.located a:hover {
color: #c20;
}
.located a.tag {
border: 1px solid #d4d2d3;
padding: 4px 8px;
margin-right: 5px;
}
.all-goods {
display: block;
width: 100%;
height: 36px;
padding: 0;
border-radius: 5px 5px 0 0;
color: #fff;
text-align: center;
font: 16px/36px "Microsoft YaHei";
background: #d2364c;
}
.list {
width: 100%;
margin: 5px auto 0 auto;
padding-bottom: 20px;
}
.list ul li {
background-color: #fff;
border-bottom: 0;
}
.list ul li a {
padding-left: 35px;
color: #4a4a4a;
font-size: 14px;
display: block;
font-weight: bold;
height: 36px;
line-height: 36px;
position: relative;
font-weight: lighter;
}
.list ul li .inactive {
background: url('../img/off.png') no-repeat 10px center;
color: #4a4a4a;
}
.list ul li .inactives {
background: url('../img/on.png') no-repeat 10px center;
font-size: 16px;
color: #b70b0b;
}
.list ul li .inactivess {
background: url('../img/dian.png') no-repeat 33px center;
}
.list ul li ul {
display: none;
}
.list ul li ul li {
border-left: 0;
border-right: 0;
background-color: #f8f8f8;
border-color: #f8f8f8;
font-weight: lighter;
}
.list ul li ul li ul {
display: none;
}
.list ul li ul li a {
padding-left: 40px;
font-weight: lighter;
}
.list ul li ul li ul li {
background-color: #f8f8f8;
border-color: #f8f8f8;
font-weight: lighter;
}
.last {
background-color: #d6e6f1;
border-color: #6196bb;
}
.list ul li ul li ul li a {
color: #316a91;
padding-left: 65px;
font-weight: lighter;
}
.left_menu_title {
color: #1461ac;
font-size: 18px;
text-align: center;
line-height: 45px;
font-weight: lighter;
}
.list ul li ul li a:hover {
font-size: 15px;
color: #b70b0b;
}
.arttitle {
text-align: center;
color: #000000;
margin-top: 65px;
margin-bottom: 15px;
}
.arttime {
text-align: center;
color: #8a8989;
}
.content-con {
color: #727476;
font-size: 14px;
line-height: 35px;
margin-top: 20px;
margin-bottom: 10px;
}
.right_con {
margin-top: 25px !important;
float: left;
width: 852px;
}
.protit {
text-align: center;
color: #000000;
margin-top: 0px;
margin-bottom: 15px;
font-weight: lighter;
font-size: 20px;
}
.box-title-line {
width: 80px;
height: 5px;
background: #de0f18;
display: inline-block;
}
.box-title {
text-align: center;
margin-bottom: 20px;
}
.box-title h3 {
font-size: 22px;
letter-spacing: 3px;
/* font-family: sans-serif; */
line-height: 38px;
font-weight: normal;
}
.box-title h2 {
letter-spacing: 7px;
line-height: 34px;
font-weight: normal;
font-size: 30px;
}
.box-title h2 strong {
color: #de0f18;
font-weight: normal;
}
.position {
width: 88%;
margin: 0 auto;
padding: 18px 0px;
border-bottom: 1px solid #DDD;
}
.position span.position-home {
width: 28px;
height: 17px;
background: url(img/icon-position-home.png);
background-repeat: no-repeat;
position: relative;
top: 1px;
background-size: 21px 17px;
}
.position a {
color: #333;
font-size: 15px;
letter-spacing: 1px;
}
.pro_right {
width: 80%;
margin-left: 2%;
height: auto;
}
.pro_right ul li {
border: 1px solid #ddd;
width: 178px;
float: left;
text-align: center;
margin-right: 15px;
margin-bottom: 15px;
height: 200px;
background-color: #fff;
}
.pro_right ul li:hover {
border: 1px solid #d2364c;
}
.pro_right ul li:nth-child(5n) {
margin-right: 0px;
}
.pro_titles {
margin: 4px 0px 10px 10px;
color: #d2364c;
}
.pro_titless {
margin: 0px 0px 10px 10px;
}
.pro_titlesss {
margin: 0px 0px 10px 10px;
font-size: 14px;
color: #333;
}
.list_pages {
text-align: center;
height: 52px;
margin: 20px 20px;
}
.list_pages ul li {
float: none;
width: auto;
padding: 8px 13px;
border: 1px solid #eee;
display: inline-block;
background-color: #fff;
zoom: 1;
margin: 0 2px;
}
.divide11 {
width: 100%;
background-color: #fff;
height: 120px;
}
.icon-contactus {
width: 119px;
height: 119px;
display: block;
position: absolute;
left: 135px;
}
.contactus-item {
border: 1px solid #ccc;
padding: 80px 24px 24px 24px;
margin-top: 60px;
}
.contactus-item p {
font-size: 16px;
letter-spacing: 1px;
text-align: left;
min-height: 30px;
line-height: 30px;
color: #000;
padding: 0 40px;
}
.bd_p1 {
width: 370px;
float: left;
text-align: center;
padding: 15px;
position: relative;
}
.bd_p1 i {
width: 80px;
height: 80px;
border: 4px solid #d2364c;
border-radius: 50%;
text-align: center;
position: absolute;
top: 31px;
color: #fff;
font-size: 45px;
line-height: 80px;
left: 161px;
background-color: #000;
}
.info-com {
height: 330px;
border: 1px solid #ccc;
margin-top: 30px;
padding: 15px;
width: 1140px;
}
.contact-box h2 {
/* padding-top: 30px; */
height: 45px;
line-height: 45px;
font-size: 18px;
letter-spacing: 1px;
text-align: left;
text-indent: 0.8em;
font-weight: 600;
}
.contact-box p {
text-align: left;
min-height: 40px;
line-height: 40px;
font-size: 16px;
letter-spacing: 1px;
}
.contact-box {
width: 345px;
margin: 15px 0 0px 0;
padding-bottom: 0;
float: left;
color: #000000;
padding-left: 15px;
}
.info-right {
float: left;
width: 780px;
}
.con-cc-left {
width: 50%;
float: left;
}
.con-cc-right {
width: 50%;
float: left;
}
.con-cc-right p {
line-height: 35px;
letter-spacing: 2px;
font-size: 16px;
text-indent: 2em;
padding: 0px 25px;
color: #666;
font-size: 16px;
}
.con-cc-right2 p {
line-height: 50px;
letter-spacing: 2px;
text-indent: 2em;
padding: 0px 25px;
color: #222;
font-size: 18px;
}
.pinzhibz {
background-color: #f3f3f3;
padding-top: 30px;
width: 100%;
overflow: hidden;
padding-bottom: 30px;
}
.pinzhibz ul li {
float: left;
width: 388px;
margin-right: 10px;
text-align: center;
height: 80px;
padding-top: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
}
.box-title p {
height: 26px;
line-height: 26px;
font-size: 15px;
letter-spacing: 2px;
}
.yifuwu {
margin-top: 40px;
}
.yifuwu li {
width: 390px;
height: auto;
float: left;
margin-right: 10px;
margin-bottom: 30px;
}
.con-cc {
overflow: hidden;
}
.yifuwu li img {
width: 100%;
}
.yifuwu_tit {
font-size: 16px;
text-align: left;
margin: 15px 0px;
}
.yifuwu_tit i {
color: #de0f18;
}
.pinzhibz ul li:hover {
background-color: #fff;
}
.linian {
width: 100%;
background-color: #f5f5f5;
overflow: hidden;
height: 1385px;
padding-top: 20px;
margin-top: 40px;
}
.con_ff li:nth-child(3n) {
margin-right: 0px;
}
.con_ff li {
width: 330px;
height: 500px;
margin-right: 105px;
float: left;
background-color: #fff;
}
.aboutus-special-item {
background: #FFF;
}
.aboutusss {
line-height: 24px;
letter-spacing: 1px;
padding: 12px 10px;
height: auto;
font-size: 14px;
}
.aboutus-special-item img {
width: 100%;
}
.aboutus-special-item-box-title h3 {
font-size: 18px;
letter-spacing: 3px;
line-height: 40px;
height: 50px;
color: #333;
font-weight: bold;
/* font-family: cursive; */
}
.aboutus-special-item-box-title {
text-align: center;
padding-top: 20px;
background: #eeeeee;
}
strong {
color: #de0f18;
}
.Sfenye {
text-align: center;
margin: 30px auto;
}
.Sfenye span, .Sfenye a {
padding: 10px 15px;
margin: 5px 10px;
border: 1px solid #dfdfdf;
background-color: #FFFFFF;
}
.Sfenye span, .Sfenye a:hover {
background-color: #dfdfdf;
}
.hcjjAdvan{
overflow:hidden;
margin-top:15px;
margin-top: 15px;
border-left:#d2d2d2 1px solid;
}
.hcjjAdvan li{
float:left;
width: 238px;
height:186px;
border:#d2d2d2 1px solid;
border-left:none;
text-align:center;
}
.hcjjAdvan li:hover { height:184px;border:1px solid #c40c1a;}
.hcjjAdvan li:hover h2 { color:#c40c1a;}
.hcjjLiImg{
width:66px;
height:67px;
margin:0 auto;
margin-top:16px;
background:url(../img/hcjj_01.png) no-repeat 3px 0;
}
.hcjjLiImg2{
background-position:-63px 0;
}
.hcjjLiImg3{
background-position:-130px 0;
}
.hcjjLiImg4{
background-position:-196px 0;
}
.hcjjLiImg5{
background-position:-264px 0;
}
.hcjjAdvan li h2{
line-height:40px;
padding-bottom:5px;
}
.hcjjAdvan li div{
font-size:12px;
color:#888;
line-height:20px;
}
.hcjjGjh{
overflow:hidden;
font-size:14px;
margin-left:20px;
margin-top:30px;
}
.hcjjGjh div{
border:#d2d2d2 1px solid;
float:left;
width:288px;
height:308px;
margin-right:15px;
padding:30px 20px 30px 0;
}
.hcjjGjh div:hover { border:2px solid #c40c1a; width:284px; height:304px; }
.hcjjGjh div:last-child{
margin-right:0;
}
.hcjjGjh h2{
border-left:#c40c1a 12px solid;
padding-left:10px;
}
.hcjjGjh h2:hover { color:#c40c1a;}
.hcjjGjh span{
font-size:12px;
color:#c0c0c0;
font-family:sans-serif,Arial;
padding-left:3px;
font-weight:100;
}
.hcjjGjhTit{
border:1px #c40c1a solid;
color:#c40c1a;
font-size:14px;
text-align:center;
height:30px;
line-height:30px;
font-weight:500;
display:block;
margin:15px 0 15px 20px;
}
.hcjjGjhTit:hover { background-color:#c40c1a; color:#fff;font-size:15px;}
.hcjjGjh h3{
float:left;
margin-left:20px;
}
.hcjjGjh a:hover h3{ color:#c40c1a;}
.hcjjGjh p{
float:left;
width:196px;
padding-left:10px;
color:#888;
line-height:24px;
font-size:12px;
font-style:normal;
font-weight:300;
}
.hcjjGjh a:hover p { color:#333; font-size:12px; font-weight:900;}
.hcjjGjhBox2 p{
width:208px;
}
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}
.footerSwiperTitle {
margin: 20px auto;
border-bottom: 1px solid #c40c1a;
padding: 7px 17px;
}
#butn_bott .butn_bottInR ul li a:hover {
width: 94px;
height: 32px;
background: url(/templets/custom/images/dbbg.jpg) no-repeat 0px 0px;
font-weight: bolder;
color: #ffffff;
text-decoration: none;
float: left;
}
#butn_bott{width:100%;height:55px; background-color:#FFF; border-top:2px solid #c40c1a;margin:0 auto;}
#butn_bott .butn_bottIn{width:1000px; height:58px;margin:0 auto; position:relative; top:0px}
#butn_bott .butn_bottInL{float:left;width:378px;}
#butn_bott .butn_bottInL span{float:left;width:62px;height:27px;margin-top:15px; padding-right:18px;}
#butn_bott .butn_bottInL p{float:left;width:280px;height:20px; border-left:1px solid #d2d2d2;padding-left:14px;margin-top:20px;}
#butn_bott .butn_bottInL p a{color:#333333;font-size:16px;font-family:"微软雅黑";line-height:20px; text-decoration: none; }
#butn_bott .butn_bottInL p a:hover{color:#c40c1a; }
#butn_bott .butn_bottInC{float:left;width:269px; height:28px;margin-top:14px;}
#butn_bott .butn_bottInC #tell_num{float:left;line-height:26px;width:138px; height:28px; color:#999999; border:none; border:1px solid #c40c1a;border-radius:3px;outline:none;}
#butn_bott .butn_bottInC #sub_btn{float:left;width:84px; line-height:28px; height:28px; border:1px solid #c40c1a; background-color:#ffcdd3; color:#c40c1a; cursor:pointer; margin-left:-3px; border-radius:3px; font-size:14px; font-family:"微软雅黑"; font-weight:blod; text-align:center;}
#butn_bott .butn_bottInC #sub_btn:hover{background-color:#c40c1a; color:#fff; cursor:pointer; font-weight:bolder}
#butn_bott .butn_bottInR{float:left;width:323px; height:32px;margin-top:13px; padding-left:30px;overflow:hidden;}
#butn_bott .butn_bottInR ul li{float:left;width:94px; height:32px; line-height:32px; color:#ffffff;background:url(/Public/Home/rygt/images/dbbg.jpg) no-repeat -108px 0; font-size:14px;font-family:"微软雅黑"; font-weight:bold;text-align:center;margin-left:13px;_margin-left:7px;}
#butn_bott .butn_bottInR ul li a{width:94px; height:32px;color:#ffffff;text-decoration:none; float:left;font-weight:bold;}
#butn_bott .butn_bottInR ul li a:hover{width:94px; height:32px;background:url(/Public/Home/rygt/images/dbbg.jpg) no-repeat 0px 0px;font-weight:bolder;color:#ffffff;text-decoration:none;float:left;}
#butn_bott .butn_bottN{width:100%; height:40px;margin:0 auto;}
.foot {
height: auto;
overflow: hidden;
width: 1200px;
margin: 0 auto;
padding-top:42px;
}
.foot_left {
margin-left: 66px;
}
.footbg {
height: 2px;
width: 100%;
background: url(/templets/custom/images/footer/footbg.jpg) repeat-x;
margin: 16px 0 30px 0;
}
.foot_left1 {
float: left;
margin-bottom: 25px;
}
.foot_ter_ul li {
text-decoration:none text-align:center;
width: 125px;
float: left;
height: 120px;
}
.foot_ter_ul li h5 a {
font-size: 16px;
padding-bottom:15px;
}
.foot_ter_ul li a {
line-height: 24px;
display: block;
text-decoration: none;
color: #333;
}
.foot_ter_ul li a:hover {
line-height: 24px;
display: block;
text-decoration: none;
color: #c40c1a;
}
.foot_ter .cls {
border-bottom: #e1e1e1 1px solid;
margin-bottom: 10px;
height: 20px;
clear: both;
}
.foot_ter P.left {
line-height: 19px;
color: #a3a3a3
}
.foot_ter P.right IMG {
margin: 0px 10px;
}
.foot_right {
float: right;
}
.foot_right p {
text-align: right;
margin-bottom: 13px;
font-size: 16px;
line-height: 29px;
color:#666;
}
.fsy_s5{
display: block;
width: 110px;
padding: 2px 10px;
/* height: 20px; */
background-color: #d7000f;
line-height: 10px;
text-align: center;
color: #fff;
margin-left: 30px;
margin-top: 32px;
}
.fsy_s5 span{
margin-left: 30px;
font-size: 14px;
line-height: 26px;
}
.fsy_s5:hover{
color:#fff;
}
.footp p {
line-height: 25px;
text-align: center;
padding-top: 15px;
}
.sss a img{
width:140px;
}
.foot_1 { width:200px; height:auto; cursor:pointer;}
.foot_10{ width:43px;cursor:pointer;}
.foot_11{ width:110px; margin-left:10px; margin-right: 97px;cursor:pointer;}
.foot_11 p{ font-size:10px; color:#333;cursor:pointer;width: 129px;}
.foot_11 b{ font-size:14px; color:#333;cursor:pointer;}
.foot_11 span{ color:#c40c1a;font-size:10px;cursor:pointer;}
.foot_11:hover p{ color:#666;}
.foot_11:hover b{ color:#666;}
.foot_11:hover apan{color:#e14450;}
.foot_13 { width:140px;cursor:pointer;}
.foot_14 {width:85px; margin-left:10px;cursor:pointer;}
.foot_14 p{ font-size:10px; color:#333;cursor:pointer;width: 129px;}
.foot_14 b{ font-size:14px; color:#333;cursor:pointer;}
.foot_14 span{color:#c40c1a;font-size:10px;cursor:pointer;}
.foot_14:hover p{ color:#666;}
.foot_14:hover b{ color:#666;}
.foot_14:hover apan{color:#e14450;}
.foot_right1 { width:310px; margin-top:-20px;}
.foot_right3 { text-align:right; width:240px;}
.foot_right3 p { height: 15px;
font-size: 16px;
color: #c40c1a;
margin-top: 0px;}
.foot_right3 p b {font-weight:700; font-size:32px; color:#333;}
.foot_1,.foot_13{
width: 129px;
}
.hcbdbk{ width:1200px; height:204px; margin:20px auto; border:1px solid #d2d2d2; background-color:#f8fafc;}
.hcbdbk .quanwei{ width:115px; height:204px;background:url(../img/cardRightBg_2b7452f.gif) repeat; float:right;}
.hcbdbk .quanwei p{ width:115px; height:68px;background:url(../img/cardFace_95af8a3.png) no-repeat left center; text-align:center; font-size:12px; color:#b5d4ff; font-family:宋体; line-height:18px; padding-top:82px; float:left;}
.hcbdbk .jianjie{ width:800px; height:204px; float:left; position:relative;}
.hcbdbk .jianjie p{ width:600px; height:40px; line-height:40px; font-weight:bold; padding-left:30px; padding-bottom:10px; margin-top:10px; font-size:16px; color:#333333; float:left;}
.hcbdbk .jianjie dl{ height:auto; line-height:26px; font-size:12px;padding-left:30px; float:left;}
.hcbdbk .jianjie dl dt{ width:92px; height:26px; color:#828a99; float:left;}
.hcbdbk .jianjie dl dd{ height:26px; color:#333333; float:left;}
.w350{ width:350px;}
.w800{ width:800px;}
.w700{ width:700px;}
.lemmaTitleIcon{position:absolute;background:#de0f18;width:3px;height:25px;top:19px;left:-1px;}
.hcbox{ width:998px; height:auto; margin:20px auto;}
.liyou{ width:950px; height:240px; padding-top:24px; margin:0 auto;}
.liyou ul{ width:950px; height:125px; float:left;}
.liyou ul li{ width:190px; height:112px; float:left;}
.liyou ul li a{ width:190px; height:112px; float:left;}
.liyou ul li .a1{ background:url(../img/jianjie_37.jpg) no-repeat center center;}
.liyou ul li .a2{ background:url(../img/jianjie_39.jpg) no-repeat center center;}
.liyou ul li .a3{ background:url(../img/jianjie_41.jpg) no-repeat center center;}
.liyou ul li .a4{ background:url(../img/jianjie_43.jpg) no-repeat center center;}
.liyou ul li .a5{ background:url(../img/jianjie_45.jpg) no-repeat center center;}
.liyou ul li .a1:hover{ background:url(../img/jianjie_37_1.jpg) no-repeat center center;}
.liyou ul li .a2:hover{ background:url(../img/jianjie_39_1.jpg) no-repeat center center;}
.liyou ul li .a3:hover{ background:url(../img/jianjie_41_1.jpg) no-repeat center center;}
.liyou ul li .a4:hover{ background:url(../img/jianjie_43_1.jpg) no-repeat center center;}
.liyou ul li .a5:hover{ background:url(../img/jianjie_45_1.jpg) no-repeat center center;}
.liyou dl{ width:950px; height:35px; float:left;}
.liyou dl dt{ width:300px; height:35px; line-height:35px; font-size:18px; color:#424242; float:left;}
.liyou dl dd{ width:650px; height:17px; border-bottom:1px solid #eaeaea; float:left;}
.liyou span{ width:904px; height:60px; line-height:20px; text-indent:2em; font-size:13px; color:#5d5d5d; background-color:#f4f4f4;border-radius:5px; padding:17px 23px 17px 23px; margin-top:15px; float:left;}
.liyou b{ color:#c50b19;}
.hcjjBox {
overflow: hidden;
background-color: #fff;
padding-bottom: 30px;
border: #d2d2d2 1px solid;
margin-top: 24px;
}
.inactivess {
display: block!important;
}
.inactivessss{
color:#d2364c!important;
}